<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
  <nz-card>
    <form nz-form [nzLayout]="'inline'" class="search__form">
      <nz-row [nzGutter]="24">
        <nz-col nzMd="4" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="订单编号" [(ngModel)]="q.orderNo" name="orderNo">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="客户姓名" [(ngModel)]="q.cusName" name="cusName">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="联系电话" [(ngModel)]="q.cusMobile" name="cusMobile">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="车型" [(ngModel)]="q.orderCartype" name="orderCartype">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="车牌" [(ngModel)]="q.orderCarno" name="orderCarno">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="GPS状态" [(ngModel)]="q.gpsStatus" name="gpsStatus">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="贷款期数" [(ngModel)]="q.orderPeriod" name="orderPeriod">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
      </nz-row>
      <nz-row [nzGutter]="24" style="margin-top: 10px;">
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="融资金额" [(ngModel)]="q.orderAmount" name="orderAmount">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="2" nzSm="24">
          <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
      </nz-row>
    </form>
  </nz-card>
  <nz-card nzTitle="订单列表">
    <simple-table #st
        [columns]="columns"
        [data]="url"
        [ps]="ps"
        [extraParams]="q"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showPagination]="true"
        [showSizeChanger]="true"
        [scroll]="{x:'1300px'}"
        (checkboxChange)="checkboxChange($event)"
        >
    </simple-table>
  </nz-card>
</nz-spin>
